<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <script src="./font/iconfont.js"></script>
</head>
<body>
    <section>
        <h1>玉林市智慧农业服务云平台</h1>
        <div class="container">
            <div class="item">
                <div class="box-img">
                    <div class="above">
                        <i class="iconfont icon-nongye1"></i>
                    </div>
                    <div class="below">
                        <i class="iconfont icon-nongye1"></i>
                    </div>
                </div>
                <hr>
                <div class="dropdown">
                    <a><span>农业基础资源</span></a>
                    <a><span>农业生产</span></a>
                    <a><span>农业经营</span></a>
                </div>
                <div class="dropbtn">
                    农业概况
                </div>
            </div>
                        <div class="item">
                <div class="box-img">
                    <div class="above">
                        <i class="iconfont icon-nongye2"></i>
                    </div>
                    <div class="below">
                        <i class="iconfont icon-nongye2"></i>
                    </div>
                </div>
                <hr>
                <div class="dropdown">
                    <a><span>三农政策</span></a>
                    <a><span>农技服务</span></a>
                    <a><span>专家互动</span></a>
                </div>
                <div class="dropbtn">
                    三农服务
                </div>
            </div>
                        <div class="item">
                <div class="box-img">
                    <div class="above">
                        <i class="iconfont icon-nongye3"></i>
                    </div>
                    <div class="below">
                        <i class="iconfont icon-nongye3"></i>
                    </div>
                </div>
                <hr>
                <div class="dropdown">
                    <a><span>一物一码</span></a>
                    <a><span>溯源防伪</span></a>
                    <a><span>防伪查询</span></a>
                    <a><span>农产品溯源</span></a>
                </div>
                <div class="dropbtn">
                    溯源中心
                </div>
            </div>
                        <div class="item">
                <div class="box-img">
                    <div class="above">
                        <i class="iconfont icon-nongye4"></i>
                    </div>
                    <div class="below">
                        <i class="iconfont icon-nongye4"></i>
                    </div>

                </div>
                <hr>
                <div class="dropdown">
                    <a><span>农业咨询</span></a>
                    <a><span>农业发展市场前景</span></a>
                </div>
                <div class="dropbtn">
                    澳港澳农业咨询
                </div>
            </div>
                        <div class="item">
                <div class="box-img">
                    <div class="above">
                        <i class="iconfont icon-nongye"></i>
                    </div>
                    <div class="below">
                        <i class="iconfont icon-nongye"></i>
                    </div>

                </div>
                <hr>
                <div class="dropdown">
                    <a><span>可视化分析</span></a>
                    <a><span>可视化农业数字监控</span></a>
                </div>
                <div class="dropbtn">
                    大数据中心
                </div>
            </div>
                        <div class="item">
                <div class="box-img">
                    <div class="above">
                        <i class="iconfont icon-guanyuwomen-copy"></i>
                    </div>
                    <div class="below">
                        <i class="iconfont icon-guanyuwomen-copy"></i>
                    </div>

                </div>
                <hr>
                <div class="dropdown">
                    <a><span>我的简介</span></a>
                    <a><span>联系我们</span></a>
                    <a><span>运营服务</span></a>
                </div>
                <div class="dropbtn">
                    关于我们
                </div>
            </div>

        </div>
        
    </section>
</body>
</html>